<!--
 * @description  :仓库库存案件维度列表内容
 * @descriptionDetail:仓库库存案件维度列表内容
 * @copyright    : 浙江烟草
 * @author       : dw
 * @create       : 2022-10-09 22:21:21
-->
<template>
  <view class="page">
    <view class="store-box" @click="cardClick" style="padding:30rpx 30rpx">
      <view class="content-title">
        <view class="content-title-left">
          {{ detailInfo.caseCode }}
        </view>
        <view class="content-title-right">
          {{ detailInfo.storeName || '未录入' }}
        </view>
      </view>
      <u-row style="margin-left: -14rpx;">
        <u-col span="6" style="padding:0">
          <view class="store-content-bottom fs-14">
            当事人：
          </view>
          <view class="store-content-bottom fs-co">
            {{ detailInfo.party||'当事人未录入' }}
          </view>
        </u-col>
        <u-col span="6" style="padding:0">
          <view class="store-content-bottom fs-14">
            最后修改时间：
          </view>
          <view class="store-content-bottom fs-co">
            {{ detailInfo.modifyTime || '未录入' }}
          </view>
        </u-col>
      </u-row>
      <u-row style="margin-left: -14rpx;">
        <u-col span="6" style="padding:0">
          <view class="store-content-bottom fs-14">
            物品数量
          </view>
          <view class="store-content-bottom fs-co" style="color:#ee8c50">
            {{ detailInfo.qty ||0 }}
          </view>
        </u-col>
        <u-col span="6" style="padding:0">
          <view class="store-content-bottom fs-14">
            真烟数量
          </view>
          <view class="store-content-bottom fs-co">
            {{ detailInfo.truthQty ||0 }}
          </view>
        </u-col>
      </u-row>
      <u-row style="margin-left: -14rpx;">
        <u-col span="6" style="padding:0">
          <view class="store-content-bottom fs-14">
            假烟数量
          </view>
          <view class="store-content-bottom fs-co">
            {{ detailInfo.fakeQty ||0 }}
          </view>
        </u-col>
        <u-col span="6" style="padding:0">
          <view class="store-content-bottom fs-14">
            走私数量
          </view>
          <view class="store-content-bottom fs-co">
            {{ detailInfo.smuggleQty ||0 }}
          </view>
        </u-col>
      </u-row>
    </view>
  </view>
</template>
<script>
export default {
  name: "CaseCard",
  props: {
    detailInfo: {
      type: Object,
      default: () => {},
    },
  },
  watch: {
    detailInfo: {
      immediate: true,
      handler() {
        this.$forceUpdate();
      },
    },
  },
  methods:{
    cardClick(e){
      this.$emit('click');
    },
  },
}
</script>
<style lang="scss" scoped>
    @import "style/store/common.scss";
    .content-title{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .content-title-left{
      font-weight: 600;
      font-size: 32rpx;
      color:#333333;;
    }
    .content-title-right{
      font-weight: 600;
      font-size: 28rpx;
      color:#333333;
      padding-right: 6rpx;
    }
    .lt-left-label{
      font-size: 28rpx;
      font-weight: 400;
      flex-shrink: 0;
      color: $cm-form-item-label-color;
    }
    .fs-co{
      font-size: 28rpx;
      color: #393B3D;
    }
    .fs-14{
      font-size: 28rpx;
    }
    .fw-nor{
      font-weight: normal;
    }
</style>
